﻿/**
 * Скрипт для плавного переключения реклманых картинок на главной странице
 */

/**
 * Основная функция, перемещающая верхнюю картинку в основную
 */
function changeMainBannerImage(){
    // Рабочие объекты
    var imagesDivs = $(".inactiveBanner");
    var currentDiv = imagesDivs.last();
    var currentBanner = $("#activeBannerImage").find("img").first();
    var divsParent = currentDiv.parent();

    // Прячем первую
    currentDiv.slideUp("slow");

    // Показываем ту которая была скрата до этого
    var selector = $(currentBanner).data("oldBanner");
    if (selector != undefined | selector != ""){
        $("#"+selector).slideDown("slow");
    }

    // устанавливаем ее как текущую
    var imageUrl = currentDiv.find("img").attr("src");
    var url = currentDiv.find("img").attr("url");
    var title = currentDiv.find("img").attr("title");
    currentBanner.fadeOut(500,function(){
        currentBanner.attr("src",imageUrl);
        currentBanner.attr("title",title);
        currentBanner.attr("url",url);
        currentBanner.fadeIn(500,function(){
            currentDiv.detach().prependTo(divsParent);
            currentBanner.data("oldBanner",currentDiv.attr("id"))
        });
    });
}

$(document).ready(function(){
    changeMainBannerImage();
    setInterval(function(){
        changeMainBannerImage();
    },10000);
});